.logo {
    height: 32px;
    margin: 16px;
    padding-left: 1ch;
    // background: rgba(255, 255, 255, 0.3);
    img{
      max-height: 100%;
      max-width: 100%;
    }
  }
  .ant-pro-sider-logo{
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px;
    cursor: pointer;
    transition: padding .3s cubic-bezier(.645,.045,.355,1);
    justify-content: space-evenly;
    img{
      display: inline-block;
      height: 32px;
      vertical-align: middle;
    }
    h1{
      display: inline-block;
      height: 32px;
      margin: 0 0 0 12px;
      color: #fff;
      font-weight: 600;
      font-size: 18px;
      line-height: 32px;
      vertical-align: middle;
      animation: pro-layout-title-hide .3s;
    }
  }
  .ant-layout-sider .ant-layout-sider-children {
    display: flex;
    height: 100%;
    flex-direction: column;
    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    ::-webkit-scrollbar-thumb {
      background: hsla(0,0%,100%,.2) !important;
      border-radius: 3px;
      // -webkit-box-shadow: inset 0 0 5px hsl(0deg 0% 100% / 5%);
    }
    ::-webkit-scrollbar-track {
      background: hsla(0,0%,100%,.15) !important;
      border-radius: 3px;
      // -webkit-box-shadow: inset 0 0 5px rgb(37 37 37 / 5%);
  }
  }
  
  // .site-layout .site-layout-background {
  //   background: #fff;
  // }
  //   [data-theme="dark"] .site-layout .site-layout-background {
  //     background: #141414;
  //   }